.page{
  &-main{
    margin-top: 200px;
    .pay{
      display: flex;
      justify-content: center;
      &-items{
        position: relative;
        width: 270px;
	      height: 306px;
        background-color: #ececec;
        border-radius: 20px;
        padding: 30px;
        overflow: hidden;
        &-label{
          position: absolute;
          width: 200px;
          height: 50px;
          line-height: 50px;
          font-size: 26px;
          text-align: center;
          right:-60px;
          top: 20px;
          transform:rotate(45deg);
          color:#453f49;
          background-image: linear-gradient(135deg,
            #f19819 0%,
            #ffcb5c 43%,
            #f19819 100%),
          linear-gradient(
            #ffc05c,
            #ffc05c);
          background-blend-mode: normal,
            normal;
        }
        &-title{
          color:#99969a;
          font-size: 34px;
          text-align: center;
        }
        &-money{
          font-size: 90px;
          color: #99969a;
          font-family: 'STSongti-TC-Regular';
        }
        &-right{
          display: none;
          position: absolute;
          opacity: 0.2;
          right: 0;
          bottom: -8px;
        }
        &-rmb{
          font-size: 45px;
        }
      }
      .active{
        background-image: linear-gradient(135deg,
          #ae58ed 0%,
          #ee50fc 100%),
        linear-gradient(
          #ae58ed,
          #ae58ed);
        background-blend-mode: normal,
          normal;
        box-shadow: 0px 13px 35px 0px
          rgba(165, 60, 214, 0.41);
        border-radius: 20px;
        .pay-items-title{
          color:#fff;
          font-size: 34px;
        }
        .pay-items-right{
          display: block;
        }
        .pay-items-money{
          font-size: 90px;
          color: #fff;
          font-family: 'STSongti-TC-Regular';
        }
      }
    }
  }
  &-bottom{
    margin-top: 100px;
    padding-bottom: 0px;
  }
}
